// 导出一个vuex的实例，管理组件之间共享数据
import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex)

// 初始化
const store = new Vuex.Store({
  // state 声明共享数据
  state: {
    globalMsg: 'vuex的共享的数据'
  },
  // state中的数据不能直接修改，需求声明改数据的函数
  mutations: {
    updateGlobalMsg (state, data) {
      // ctx 理解成this
      state.globalMsg = data
    }
  }
})

export default store
